<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>宠四方</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<link  rel="stylesheet" href="resources/css/c4f.css" />
	<script src="resources/js/jquery-1.4.2.min.js" type="text/javascript"></script>
	<script src="resources/js/jquery.ui.position.min.js" type="text/javascript"></script>
	<script src="resources/js/jquery.d.imagechange.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="resources/js/jquery.flow.1.2.auto.js"></script>	
</head>
<body>
<div class="bdbox">
	<div class="innerbox">
		<div class="topp">
			<span class="uinfo"><a href="###">免费注册</a><a href="###">登录</a></span>
			<span class="cities">
				<a class="lc">切换城市:</a>
				<a href="###" class="active">北京</a>
				<a href="###" >上海</a>
				<a href="###" >深圳</a>
				<a href="###" >广州</a>
				<a href="###" >重庆</a>
				<a href="###" class="othercities" >其他城市</a>
			</span>
		</div>
		
		<div class="logobox">
			<a href="###" class="hdlogo" title="宠四方首页">logo</a>
			
			<div class="searchbox">
				<ol class="qtypes" id="qtypes">
					<li class="ctype">全部</li>
					<li>宠物</li>
					<li>宠友</li>
					<li>论坛</li>
					<li>分类</li>
					<li>服务商</li>
				</ol>
				<div class="qbox">
					<input type="text" class="txtq" placeholder="关键字" />
					<input type="button" class="btnq" value="搜索" />
				</div>
			</div>
			<script type="text/javascript">$("#qtypes >li").click(function(){$("#qtypes .ctype").removeClass("ctype");$(this).addClass("ctype");});</script>
			
			<div class="rtm">
				<a href="###">免费发布个人信息</a>
				<a href="###">免费发布个人信息</a>
			</div>
			<!--[if gt IE 6]>
			<div class="navbg"></div>
			<![endif]-->
			<div class="nav" id="nav">
				<ul>
					<li class="pngfix  nav1"><a href="###" class="navitem">首页</a></li>
					<li class="pngfix  nav2"><a href="###" class="navitem">宠物有约</a></li>
					<li class="pngfix  nav3" id="nav3">
						<a href="###"  class="navitem">论坛</a>
						<div class="navsub" id="nav3sub">
							<a href="###">宠宠有约宠宠有约</a>
							<a href="###">宠宠有约</a>
							<a href="###">宠宠有约</a>
							<a href="###">宠宠有约</a>
						</div>
					</li>
					<li class="pngfix  nav4"><a href="###"  class="navitem">咨询</a></li>
					<li class="pngfix  nav5"><a href="###"  class="navitem">分类</a></li>
					<li class="pngfix  nav6"><a href="###"  class="navitem">商户</a></li>
				</ul>
			</div>
			<script type="text/javascript">
				$("#nav li").hover(function(){
					$(".navsub",this).show("fast");
				},function(){
					$(".navsub",this).hide();
				});
			</script>
		</div>
		
		<div class="imgnewsbox clearfix">
			<div class="imgbox" id="imgbox"></div>
<script type="text/javascript">
	var image_news=[
		{title:'标题1',desc:'描述1',src:'demoimages/1.jpg',href:'###'},
		{title:'标题2',desc:'描述2',src:'demoimages/2.jpg',href:'###'},
		{title:'标题3',desc:'描述3',src:'demoimages/1.jpg',href:'###'},
		{title:'标题4',desc:'描述4',src:'demoimages/2.jpg',href:'###'},
		{title:'标题5',desc:'描述5',src:'demoimages/1.jpg',href:'###'},
		{title:'标题6',desc:'描述6',src:'demoimages/2.jpg',href:'###'}
	];
		$("#imgbox").d_imagechange({
			data:image_news,
			width:$("#imgbox").innerWidth(),
			height:$("#imgbox").innerHeight(),
			animateStyle:'x'
		});
</script>
			<div class="newsbox">
				<div style="padding:0px 10px;">
						<table border="0">
							<tr>
								<td class="newsimg"   valign="top" align="left">
									<a href="###"><img src="demoimages/newsimg.jpg" width="90" height="90"  /></a>
								</td>
								<td  valign="top" class="newscontent">
									<h4><a href="###">新闻标题新闻标题</a></h4>
									<p>新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容</p>
								</td>
							</tr>
							<tr>
								<td class="newsimg"    valign="top" align="left">
									<a href="###"><img src="demoimages/newsimg.jpg"  width="90" height="90"  /></a>
								</td>
								<td valign="top" class="newscontent">
									<h4><a href="###">新闻标题新闻标题</a></h4>
									<p>新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容</p>
								</td>
							</tr>
							<tr>
								<td class="newsimg"    valign="top" align="left">
									<a href="###"><img src="demoimages/newsimg.jpg"  width="90" height="90"  /></a>
								</td>
								<td valign="top" class="newscontent">
									<h4><a href="###">新闻标题新闻标题</a></h4>
									<p>新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容</p>
								</td>
							</tr>
						</table>
					</div>
					
						
				</div>
				
			</div>
		</div>
		
		<div class="bd2 clearfix">
			<div class="bd2left">
				<dl  class="bd2leftc">
					<dt class="bd2leftcdog"></dt>
					<dd>
						<div>
							<a href="###" class="float bd2leftcc bd2leftcdogcc">大型犬</a>
							<a href="###" class="bd2leftccall">全部</a>
						</div>
						<div class="clear"></div>
						<div class="bd2leftccs">
							<a href="###">约克夏</a>
							<a href="###">猎狐梗</a>
							<a href="###">丝毛梗</a>
							<a href="###">西高地</a>
							<a href="###">博美</a>
							<a href="###">犬八哥</a>
							<a href="###">犬腊肠犬</a>
							<a href="###">雪纳瑞</a>
							<a href="###">蝴蝶犬</a>
							<a href="###">可可犬</a>
							<a href="###">吉娃娃</a>
							<a href="###">北京犬</a>
							<a href="###">比熊犬</a>
							<a href="###">迷你</a>
							<a href="###">品西施</a>
						</div>
						<div class="clearfix">
							<a href="###" class="float bd2leftcc bd2leftcdogcc">中型犬</a>
							<a href="###" class="bd2leftccall">全部</a>
						</div>
						<div class="bd2leftccs">
							<a href="###">约克夏</a>
							<a href="###">猎狐梗</a>
							<a href="###">丝毛梗</a>
							<a href="###">西高地</a>
							<a href="###">博美</a>
							<a href="###">犬八哥</a>
							<a href="###">犬腊肠犬</a>
							<a href="###">雪纳瑞</a>
							<a href="###">蝴蝶犬</a>
							<a href="###">可可犬</a>
							<a href="###">吉娃娃</a>
							<a href="###">北京犬</a>
							<a href="###">比熊犬</a>
							<a href="###">迷你</a>
							<a href="###">品西施</a>
						</div>
						<div>
							<a href="###" class="float bd2leftcc bd2leftcdogcc">小型犬</a>
							<a href="###" class="bd2leftccall">全部</a>
						</div>
						<div class="clear"></div>
						<div class="bd2leftccs">
							<a href="###">约克夏</a>
							<a href="###">猎狐梗</a>
							<a href="###">丝毛梗</a>
							<a href="###">西高地</a>
							<a href="###">博美</a>
							<a href="###">犬八哥</a>
							<a href="###">犬腊肠犬</a>
							<a href="###">雪纳瑞</a>
							<a href="###">蝴蝶犬</a>
							<a href="###">可可犬</a>
							<a href="###">吉娃娃</a>
							<a href="###">北京犬</a>
							<a href="###">比熊犬</a>
							<a href="###">迷你</a>
							<a href="###">品西施</a>
						</div>
						<div class="clearfix">
							<a href="###" class="float bd2leftcc bd2leftcdogcity">地域</a>
							<a href="###" class="bd2leftccall">全部</a>
						</div>
						<div class="bd2leftccs">
							<a href="###">海淀区</a>
							<a href="###">通州区</a>
							<a href="###">顺义区</a>
							<a href="###">通州梨园区</a>
							<a href="###">宣武区</a>
							<a href="###">丰台区</a>
							<a href="###">大兴区</a>
							<a href="###">房山区</a>
							<a href="###">密云区</a>
							<a href="###">西城区</a>
							<a href="###">延庆县</a>
							<a href="###">崇文区</a>
							<a href="###">怀柔区</a>
							<a href="###">朝阳区</a>
							<a href="###">门头沟区</a>
							<a href="###">石景山</a>
						</div>
					</dd>
					
					<dt class="bd2leftccat"></dt>
					<dd>
						<div class="clearfix">
							<a href="###" class="float bd2leftcc bd2leftccatcc">大型猫</a>
							<a href="###" class="bd2leftccall">全部</a>
						</div>
						<div class="bd2leftccs">
							<a href="###">约克夏</a>
							<a href="###">猎狐梗</a>
							<a href="###">丝毛梗</a>
							<a href="###">西高地</a>
							<a href="###">博美</a>
							<a href="###">犬八哥</a>
							<a href="###">犬腊肠犬</a>
							<a href="###">雪纳瑞</a>
							<a href="###">蝴蝶犬</a>
							<a href="###">可可犬</a>
							<a href="###">吉娃娃</a>
							<a href="###">北京犬</a>
							<a href="###">比熊犬</a>
							<a href="###">迷你</a>
							<a href="###">品西施</a>
						</div>
						<div class="clearfix">
							<a href="###" class="float bd2leftcc bd2leftccatcc">中型猫</a>
							<a href="###" class="bd2leftccall">全部</a>
						</div>
						<div class="bd2leftccs">
							<a href="###">约克夏</a>
							<a href="###">猎狐梗</a>
							<a href="###">丝毛梗</a>
							<a href="###">西高地</a>
							<a href="###">博美</a>
							<a href="###">犬八哥</a>
							<a href="###">犬腊肠犬</a>
							<a href="###">雪纳瑞</a>
							<a href="###">蝴蝶犬</a>
							<a href="###">可可犬</a>
							<a href="###">吉娃娃</a>
							<a href="###">北京犬</a>
							<a href="###">比熊犬</a>
							<a href="###">迷你</a>
							<a href="###">品西施</a>
						</div>
						<div class="clearfix">
							<a href="###" class="float bd2leftcc bd2leftccatcc">小型猫</a>
							<a href="###" class="bd2leftccall">全部</a>
						</div>
						<div class="bd2leftccs">
							<a href="###">约克夏</a>
							<a href="###">猎狐梗</a>
							<a href="###">丝毛梗</a>
							<a href="###">西高地</a>
							<a href="###">博美</a>
							<a href="###">犬八哥</a>
							<a href="###">犬腊肠犬</a>
							<a href="###">雪纳瑞</a>
							<a href="###">蝴蝶犬</a>
							<a href="###">可可犬</a>
							<a href="###">吉娃娃</a>
							<a href="###">北京犬</a>
							<a href="###">比熊犬</a>
							<a href="###">迷你</a>
							<a href="###">品西施</a>
						</div>
						<div class="clearfix">
							<a href="###" class="float bd2leftcc bd2leftccatcity">地域</a>
							<a href="###" class="bd2leftccall">全部</a>
						</div>
						<div class="bd2leftccs">
							<a href="###">海淀区</a>
							<a href="###">通州区</a>
							<a href="###">顺义区</a>
							<a href="###">通州梨园区</a>
							<a href="###">宣武区</a>
							<a href="###">丰台区</a>
							<a href="###">大兴区</a>
							<a href="###">房山区</a>
							<a href="###">密云区</a>
							<a href="###">西城区</a>
							<a href="###">延庆县</a>
							<a href="###">崇文区</a>
							<a href="###">怀柔区</a>
							<a href="###">朝阳区</a>
							<a href="###">门头沟区</a>
							<a href="###">石景山</a>
						</div>
					</dd>
				</dl>
			</div>
			<div class="bd2center">
				<div class="star1 clearfix">
					<div class="star1left">
						<div class="start1title">明星宠物</div>
			            <div id="slidescontainer" class="star1slidescontainer">
			                <div class="slides" id="star1slides">
			                    <div  class="jFlowControl" >
			                    	<table class="tbstar1" border="0" cellpadding="0" cellspacing="0">
			                    		<tr>
			                    			<th valign="top"><img  src="demoimages/dog1.gif"/></th>
											<td valign="top">
												<div class="starrate starrate2"></div>
												<div class="starcat">[<a href="###">小型犬</a>][<a href="###">贵宾犬</a>]</div>
												<p>出生日期：2005-04-09</p>
												<p>所在区域：北京市-海淀区</p>
												<div class="btns">
													<a href="###">加为好友</a>
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<a href="###">发送短信</a>
												</div>
											</td>
			                    		</tr>
			                    	</table>
			                    </div>
			                    <div  class="jFlowControl"><table class="tbstar1" border="0" cellpadding="0" cellspacing="0">
			                    		<tr>
			                    			<th valign="top"><img  src="demoimages/dog1.gif"/></th>
											<td valign="top">
												<div class="starrate starrate5"></div>
												<div class="starcat">[<a href="###">贵宾犬</a>][<a href="###">小型犬</a>]</div>
												<p>出生日期：2004-04-09</p>
												<p>所在区域：北京市-海淀区</p>
												<div class="btns">
													<a href="###">加为好友</a>
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<a href="###">发送短信</a>
												</div>
											</td>
			                    		</tr>
			                    	</table></div>
			                    <div  class="jFlowControl"><table class="tbstar1" border="0" cellpadding="0" cellspacing="0">
			                    		<tr>
			                    			<th valign="top"><img  src="demoimages/dog1.gif"/></th>
											<td valign="top">
												<div class="starrate starrate4"></div>
												<div class="starcat">[<a href="###">小型犬</a>][<a href="###">贵宾犬</a>]</div>
												<p>出生日期：2005-04-09</p>
												<p>所在区域：北京市-海淀区</p>
												<div class="btns">
													<a href="###">加为好友</a>
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<a href="###">发送短信</a>
												</div>
											</td>
			                    		</tr>
			                    	</table></div>
			                </div>
			                <div class="jFlowPrev" title="上一张">
			                </div>
			                <div class="jFlowNext" title="下一张">
			                </div>
			            </div>
<script type="text/javascript"> 
	$("#slidescontainer").jFlow({
		slides: "#star1slides",
		width: "388px",
		height: "200px"
	});
</script> 
						
						
						
					</div>
					<div class="star1right">
						<ul class="star1tab clearfix" id="star1tab">
							<li id="star1tab1" class="active">新添狗</li>
							<li id="star1tab2">新添宠友</li>
						</ul>
						<div id="star1tabcs">
							<div class="star1tabc" id="star1tab1c">
									<a href="###"><img src="demoimages/dog1small.gif"/>狗狗1</a>
									<a href="###"><img src="demoimages/dog1small.gif"/>狗狗2</a>
									<a href="###"><img src="demoimages/dog1small.gif"/>狗狗3</a>
										
							</div>
							<div class="star1tabc" id="star1tab2c">
									<a href="###"><img src="demoimages/dog1small.gif"/>狗狗1的妈妈</a>
									<a href="###"><img src="demoimages/dog1small.gif"/>狗狗2的爸爸</a>
									<a href="###"><img src="demoimages/dog1small.gif"/>狗狗3的妈妈</a>
							</div>
						</div>
<script type="text/javascript">
$(function(){
	function applyStar1Tab(){
		$("#star1tabcs .star1tabc").hide();
		$("#"+$("#star1tab .active").attr("id")+"c").show();
	}
	applyStar1Tab();
	$("#star1tab li").click(function(){
		$("#star1tab .active").removeClass("active");
		$(this).addClass("active");
		applyStar1Tab();
	});
});
</script>
					</div>
				</div>
				<div class="catdate">
					<a href="###" class="joincatdate"></a>
					 <div id="catdateslidescontainer" class="catdateslidescontainer">
			                <div class="slides" id="catdateslides">
			                    	<div class="datecat" >
			                    		<p class="dcimgcn"><img src="demoimages/datecat1.gif" /><a class="dcname" href="###">MIaoMIao(MM)</a></p>
			                    		<p class="dchost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                    	<div class="datecat" >
			                    		<p class="dcimgcn"><img src="demoimages/datecat2.gif" /><a class="dcname" href="###">苗苗(GG)</a></p>
			                    		<p class="dchost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                    	<div class="datecat" >
			                    		<p class="dcimgcn"><img src="demoimages/datecat1.gif" /><a class="dcname" href="###">苗苗(MM)</a></p>
			                    		<p class="dchost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                    	<div class="datecat" >
			                    		<p class="dcimgcn"><img src="demoimages/datecat2.gif" /><a class="dcname" href="###">苗苗(GG)</a></p>
			                    		<p class="dchost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                    	<div class="datecat" >
			                    		<p class="dcimgcn"><img src="demoimages/datecat1.gif" /><a class="dcname" href="###">苗苗(MM)</a></p>
			                    		<p class="dchost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                    	<div class="datecat" >
			                    		<p class="dcimgcn"><img src="demoimages/datecat2.gif" /><a class="dcname" href="###">苗苗(GG)</a></p>
			                    		<p class="dchost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                    	<div class="datecat" >
			                    		<p class="dcimgcn"><img src="demoimages/datecat1.gif" /><a class="dcname" href="###">苗苗(MM)</a></p>
			                    		<p class="dchost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                    	<div class="datecat" >
			                    		<p class="dcimgcn"><img src="demoimages/datecat2.gif" /><a class="dcname" href="###">苗苗(GG)</a></p>
			                    		<p class="dchost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                </div>
			                <div class="jFlowPrev" title="上一张">
			                </div>
			                <div class="jFlowNext" title="下一张">
			                </div>
			            </div>
<script type="text/javascript"> 
	//wrap by <div  class="jFlowControl" >
	var $datecats = $("#catdateslides > .datecat");
	for(var i=0,l=$datecats.length;i<l/4+1;i++){
		var d = document.createElement("div");
		d.className="jFlowControl";
		for(var j= i*4;j<Math.min((i+1)*4,l);j++){
			var newdatecate= $datecats.eq(j).clone()[0];
			if(j%4==3) newdatecate.className= newdatecate.className+" lastdatecat";
			d.appendChild(newdatecate);
		}
		if(d.childNodes.length>0) $(d).appendTo("#catdateslides");
	}
	$datecats.remove();
	
	$("#catdateslidescontainer").jFlow({
		slides: "#catdateslides",
		width: "570px",
		height: "190px"
	});
</script> 
				</div>
				
				<div class="star2 clearfix">
					<div class="star2left">
						<div class="start2title">明星宠物</div>
			            <div id="slidescontainer2" class="star2slidescontainer">
			                <div class="slides" id="star2slides">
			                    <div  class="jFlowControl" >
			                    	<table class="tbstar2" border="0" cellpadding="0" cellspacing="0">
			                    		<tr>
			                    			<th valign="top"><img  src="demoimages/dog1.gif"/></th>
											<td valign="top">
												<div class="starrate starrate2"></div>
												<div class="starcat">[<a href="###">小型犬</a>][<a href="###">贵宾犬</a>]</div>
												<p>出生日期：2005-04-09</p>
												<p>所在区域：北京市-海淀区</p>
												<div class="btns">
													<a href="###">加为好友</a>
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<a href="###">发送短信</a>
												</div>
											</td>
			                    		</tr>
			                    	</table>
			                    </div>
			                    <div  class="jFlowControl"><table class="tbstar2" border="0" cellpadding="0" cellspacing="0">
			                    		<tr>
			                    			<th valign="top"><img  src="demoimages/dog1.gif"/></th>
											<td valign="top">
												<div class="starrate starrate5"></div>
												<div class="starcat">[<a href="###">贵宾犬</a>][<a href="###">小型犬</a>]</div>
												<p>出生日期：2004-04-09</p>
												<p>所在区域：北京市-海淀区</p>
												<div class="btns">
													<a href="###">加为好友</a>
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<a href="###">发送短信</a>
												</div>
											</td>
			                    		</tr>
			                    	</table></div>
			                    <div  class="jFlowControl"><table class="tbstar2" border="0" cellpadding="0" cellspacing="0">
			                    		<tr>
			                    			<th valign="top"><img  src="demoimages/dog1.gif"/></th>
											<td valign="top">
												<div class="starrate starrate4"></div>
												<div class="starcat">[<a href="###">小型犬</a>][<a href="###">贵宾犬</a>]</div>
												<p>出生日期：2005-04-09</p>
												<p>所在区域：北京市-海淀区</p>
												<div class="btns">
													<a href="###">加为好友</a>
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<a href="###">发送短信</a>
												</div>
											</td>
			                    		</tr>
			                    	</table></div>
			                </div>
			                <div class="jFlowPrev" title="上一张">
			                </div>
			                <div class="jFlowNext" title="下一张">
			                </div>
			            </div>
<script type="text/javascript"> 
	$("#slidescontainer2").jFlow({
		slides: "#star2slides",
		width: "388px",
		height: "200px"
	});
</script> 
						
						
						
					</div>
					<div class="star2right">
						<ul class="star2tab clearfix" id="star2tab">
							<li id="star2tab1" class="active">新添狗</li>
							<li id="star2tab2">新添宠友</li>
						</ul>
						<div id="star2tabcs">
							<div class="star2tabc" id="star2tab1c">
									<a href="###"><img src="demoimages/dog1small.gif"/>狗狗1</a>
									<a href="###"><img src="demoimages/dog1small.gif"/>狗狗2</a>
									<a href="###"><img src="demoimages/dog1small.gif"/>狗狗3</a>
										
							</div>
							<div class="star2tabc" id="star2tab2c">
									<a href="###"><img src="demoimages/dog1small.gif"/>狗狗1的妈妈</a>
									<a href="###"><img src="demoimages/dog1small.gif"/>狗狗2的爸爸</a>
									<a href="###"><img src="demoimages/dog1small.gif"/>狗狗3的妈妈</a>
							</div>
						</div>
<script type="text/javascript">
$(function(){
	function applyStar2Tab(){
		$("#star2tabcs .star2tabc").hide();
		$("#"+$("#star2tab .active").attr("id")+"c").show();
	}
	applyStar2Tab();
	$("#star2tab li").click(function(){
		$("#star2tab .active").removeClass("active");
		$(this).addClass("active");
		applyStar2Tab();
	});
});
</script>
					</div>
				</div>
				
				<div class="dogdate">
					<a href="###" class="joindogdate"></a>
					 <div id="dogdateslidescontainer" class="dogdateslidescontainer">
			                <div class="slides" id="dogdateslides">
			                    	<div class="datedog" >
			                    		<p class="ddimgcn"><img src="demoimages/datedog1.gif" /><a class="ddname" href="###">苗苗(MM)</a></p>
			                    		<p class="ddhost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                    	<div class="datedog" >
			                    		<p class="ddimgcn"><img src="demoimages/datedog2.gif" /><a class="ddname" href="###">苗苗(GG)</a></p>
			                    		<p class="ddhost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                    	<div class="datedog" >
			                    		<p class="ddimgcn"><img src="demoimages/datedog1.gif" /><a class="ddname" href="###">苗苗(MM)</a></p>
			                    		<p class="ddhost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                    	<div class="datedog" >
			                    		<p class="ddimgcn"><img src="demoimages/datedog2.gif" /><a class="ddname" href="###">苗苗(GG)</a></p>
			                    		<p class="ddhost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                    	<div class="datedog" >
			                    		<p class="ddimgcn"><img src="demoimages/datedog1.gif" /><a class="ddname" href="###">苗苗(MM)</a></p>
			                    		<p class="ddhost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                    	<div class="datedog" >
			                    		<p class="ddimgcn"><img src="demoimages/datedog2.gif" /><a class="ddname" href="###">苗苗(GG)</a></p>
			                    		<p class="ddhost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                    	<div class="datedog" >
			                    		<p class="ddimgcn"><img src="demoimages/datedog1.gif" /><a class="ddname" href="###">苗苗(MM)</a></p>
			                    		<p class="ddhost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                    	<div class="datedog" >
			                    		<p class="ddimgcn"><img src="demoimages/datedog2.gif" /><a class="ddname" href="###">苗苗(GG)</a></p>
			                    		<p class="ddhost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                    	<div class="datedog" >
			                    		<p class="ddimgcn"><img src="demoimages/datedog1.gif" /><a class="ddname" href="###">苗苗(MM)</a></p>
			                    		<p class="ddhost"><span>主人</span><br/><span>苗苗的妈</span></p>
			                    	</div>
			                </div>
			                <div class="jFlowPrev" title="上一张">
			                </div>
			                <div class="jFlowNext" title="下一张">
			                </div>
			            </div>
<script type="text/javascript"> 
//wrap by <div  class="jFlowControl" >
	var $datedogs = $("#dogdateslides > .datedog");
	for(var i=0,l=$datedogs.length;i<l/4+1;i++){
		var d = document.createElement("div");
		d.className="jFlowControl";
		for(var j= i*4;j<Math.min((i+1)*4,l);j++){
			var newdatedog= $datedogs.eq(j).clone()[0];
			if(j%4==3) newdatedog.className= newdatedog.className+" lastdatedog";
			d.appendChild(newdatedog);
		}
		if(d.childNodes.length>0) $(d).appendTo("#dogdateslides");
	}
	$datedogs.remove();
	
	$("#dogdateslidescontainer").jFlow({
		slides: "#dogdateslides",
		width: "570px",
		height: "190px"
	});
</script> 
				</div>
			</div>
		</div>
		
		<div class="bottombd2 clearfix">
			<div class="bottombd2left">
				<div class="bottombdt">
					<b class="msgtitle">分类信息</b>
					<a class="freepub" href="###"></a>
				</div>
				<div class="msgcontainer">
					<ul>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
					</ul>
				</div>
				
			</div>
			<div class="bottombd2right">
				<div class="bottombdt">
					<b class="msgtitle">分类广告</b>
					<a class="freepub" href="###" style="background-image:url(resources/images/freepub-ad.png);"></a>
				</div>
				<div class="msgcontainer">
					<ul>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
						<li><a href="###" class="msgcategory">[宠物买卖]</a><a href="###" class="msgt">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span class="msgdate">4月9日</span></li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="bottomimgs">
			<a href="###" class="dog"></a>
			<a href="###" class="cat"></a>
			<a href="###" class="other"></a>
		</div>
		
		<div class="buttom">
			<a href="###">联系我们</a>
			<a href="###">关于我们</a>
			<a href="###">广告投放</a>
			<a href="###">电话咨询</a>
		</div>
		<div class="copyright">
			2011&copy;荣中广告（中国）有限公司
		</div>
	</div>
</div>
<!--[if IE 6]>
<script type="text/javascript" src="resources/js/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>
  DD_belatedPNG.fix('.pngfix');
</script>
<![endif]-->
</body>
</html>